.sub-navbar-container {
  @apply flex items-center sticky top-0 z-20 px-6 h-12 bg-reco-bg-lightmode/60 border-basic border-l-0 border-r-0;
  @apply dark:bg-reco-bg-darkmode/60;
  @apply md:px-8 md:hidden;

  &.not-open {
    @apply backdrop-saturate-150 backdrop-blur-xl;
  }

  .toggle-series-button {
    @apply inline-block align-middle ml-2 mr-2 inline-block w-6 cursor-pointer;
    @apply md:hidden;

    span {
      @apply transition-all origin-center duration-500 block my-1.5 bg-reco-text-lightmode;
      @apply dark:bg-reco-text-darkmode;
      height: 2px;
      border-radius: 2px;
      &:nth-of-type(1) {
        @apply w-3;
      }
      &:nth-of-type(2) {
        @apply mx-auto w-6;
      }
      &:nth-of-type(3) {
        @apply w-5;
      }
    }
  }
}
